body{-webkit-overflow-scrolling:touch;}

/*==============观看页-视频===============*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.video_box {position: absolute;top: 0;bottom: 3rem;left: 0;width: 100%;}
.video_box .video { position:relative;width: 100%;}
.video_box .video video {display: block;width: 100%;height: 160px;}
.video_box .talk {position: absolute;top: 160px;bottom: 0;left: 0;width: 100%;overflow: hidden; background:#FFF; padding-top:0.5rem;}/*20180518*/
.video_box .talk .content {padding: 0 3%;}
.video_box .talk .content .message {margin-bottom: 0.75rem;overflow: hidden;}
.video_box .talk .content .message dl {/*padding: 0.5rem;*/ overflow:hidden;}
.video_box .talk .content .message dl dt { float:left; font-size: 0.75rem;color: #4277CE;/*line-height: 1rem;*/}/*20171213*/
.video_box .talk .content .message dl dd { font-size: 0.75rem;color: #4D4D4D;}
#scroller {position: absolute;width: 100%;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);
-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
#video {position:relative;background: url(../images/pic.png);background-position: center;background-size: cover;}
#video span{width:4rem; height:4rem;position:absolute;top:50%;left:50%; margin-left:-2rem; margin-top:-2rem;}
#video span img{display:block;width:100%;}
.space_line{width:100%; height:10px; background:#f7f7f7;}/*20180518*/
.tab_ul{width:100%; height:2.5rem; background:#FFF;}/*20180518*/
.tab_ul li{float:left; width:50%; text-align:center; font-size:0.875rem; color: #000; box-sizing:border-box; padding:0 14%; box-sizing:border-box;}
.tab_ul li p{ padding:0.6rem 0;}
.tab_ul li.new p{color: #4277CE; border-bottom:2px #4277CE solid;}
/*footer*/
.footer_btn {position: fixed;bottom: 0;left: 0;width: 100%;height: 3rem;padding: 0.5rem 3%;background: #FFF;overflow: hidden;box-shadow: 0 -1px 0 0 rgba(169,169,169,0.30);}
.footer_btn .fill {display: block;height: 2rem;padding: 0.25rem;margin-right: 4.5rem;background: #FFF;}
.footer_btn .fill input {width: 100%;font-size: 0.875rem;line-height: 1.5rem;background: #FFF;-webkit-appearance: none;appearance: none;}
.footer_btn .send {position: absolute;right: 3%;top: 0.5rem;width: 4rem;height: 2rem;font-size: 0.875rem;color: #fff;border-radius: 6px;background: #4176d2;-webkit-appearance: none;}
.footer_btn .send:active{ background:#3b6dc2;}
.footer_btn .reward {position: absolute;right: 3%;top: 0.5rem;width: 2rem;height: 2rem; background:url(../images/reward.png) no-repeat; background-size:100%;-webkit-appearance: none;}/*20180108*/

/*2018-04-28点赞*/
.footer_btn .zan{position: absolute;right:3%;top: 0.5rem;width: 2rem;height: 2rem; background:url(../images/zan.png) no-repeat; background-size:100%;-webkit-appearance: none;}
/*2018-05-10礼物*/
.footer_btn .liwu{position: absolute;right: 15%;top: 0.5rem;width: 2rem;height: 2rem; background:url(../images/liwu.png) no-repeat; background-size:100%;-webkit-appearance: none;}

/*介绍*/
.introduce{padding-bottom:1rem;}
.introduce .title{color: #4D4D4D; font-size:0.875rem; line-height:2rem; padding:0 3%; font-weight:bold;}
.introduce .case{ padding:3%; background:#FFF;}/*20180518*/
.introduce .case dl{overflow:hidden;}
.introduce .case dl dt{ float:left;border-radius:50%; width:2.6rem; height:2.6rem; margin:auto;}/*20180518*/
.introduce .case dl dt img{display:block; width:100%; border-radius:50%;}
.introduce .case dl dd{ margin-left:3.1rem;}/*20180518*/
.introduce .case dl dd h2{font-size:1rem; color: #4D4D4D; font-weight:bold;}
.introduce .case dl dd p{ font-size:0.875rem; color: #9D9D9D; margin-top:0.2rem;}
.introduce h3{color: #9D9D9D; font-size:0.875rem; padding:0 3%;}
.introduce .list{ padding:0 3%;color: #9D9D9D; font-size:0.875rem; padding:0 3%;}
.introduce .list li{margin-top:0.5rem;}

/*===========观看页-入口===========*/
#video p{ width:40%; height:2.6rem;position:absolute;top:50%;left:50%; margin-left:-20%; margin-top:-1.3rem;}
#video p input[type=button]{ width:100%; height:100%;background: #4277CE;border-radius: 20px;font-size: 1rem;color: #FFFFFF; text-align:center;-webkit-appearance: none;}
#video p input[type=button]:active{ background:#3b6dc2;}

/*===========观看页-图文===========*/
.look_box .main_box{ padding:3% 3% 3.5rem 3%;}
/*文字*/
.chat_conversation {position:relative; margin-top:0.5rem;}
.message {overflow: hidden;}
.message .photo_pic{float:left;}
.message .photo_pic img {width:3rem;height:3rem;border-radius:50%;}
.message .case{ max-width:80%;position: relative;float: left;margin-left: 0.5rem;}
.message .case .name_left {color: #4D4D4D;font-size:0.75rem;font-style:normal;}
.message .case p { position:relative; font-size:1rem;color:#FFF;margin-top:0.2rem;background: #4277CE;border-radius:0 8px 8px 8px; padding:0.5rem; box-sizing:border-box;}
/*语音*/
.db {display: block;}
.weixinAudio {line-height: 1.5; position:relative; font-size:1rem;color:#FFF;margin-top:0.2rem;background: #4277CE;border-radius:0 8px 8px 8px; padding:0.5rem; box-sizing:border-box;}
.audio_area {display: inline-block;width: 100%;vertical-align: top;margin-top: 0.2rem;font-size: 0;position: relative;font-weight: 400;text-decoration: none;
-ms-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}
.audio_play_area {font-size: 0;width: 18px;height: 25px;}
.playing .audio_play_area .icon_audio_default {display: block;}
.audio_play_area .icon_audio_default {
	display: inline-block;
	background: url(../images/iconloop.png) no-repeat -24px 0;
	background-size: 36px 18px;
	width: 12px;
	height: 18px;
}
.audio_play_area .icon_audio_playing {
	background: url(../images/iconloop.png) no-repeat 0 0;
	background-size: 36px 18px;
	width: 12px;
	height: 18px;
	-webkit-animation: audio_playing 1s infinite;
	display: none;
}
.playing .audio_play_area .icon_audio_default {display: none;}
.playing .audio_play_area .icon_audio_playing {display: inline-block;}
@-webkit-keyframes audio_playing {
	30% {
		background-position: 0px 0;
	}
	31% {
		background-position: -12px 0;
	}
	61% {
		background-position: -12px 0;
	}
	61.5% {
		background-position: -24px 0;
	}
	100% {
		background-position: -24px 0;
	}
}
.timing_left{ position:absolute; left:2rem; top:0.5rem; font-size:1rem; color:#FFF;}
.unread_left{ position:absolute; right:-1rem; top:1rem;width:10px; height:10px; background: #FD2727; border-radius:50%;}
/*图片*/
.message .print{ background:#FFF; padding:0.2rem;border-radius:0 8px 8px 8px; box-sizing:border-box; margin-top:0.2rem;}
.message .print img{display:block; width:100%;border-radius:0 8px 8px 8px;}
/*回复气泡*/
.talk_pop{position:fixed; right:3%; bottom:3rem; width:55%;}
.talk_pop dl {padding: 0.5rem; overflow:hidden;background: rgba(56,56,56,0.80);border-radius: 12px; margin-bottom:0.5rem;}
.talk_pop dl dt { float:left; font-size: 0.75rem;color: #09BAFD;line-height: 1rem;}
.talk_pop dl dd { font-size: 0.75rem;color: #FFF;}

/*==============机构首页=========*/
/*搜索*/
.search_box{height:3rem; background:#FFF; box-sizing:border-box; position:relative; z-index:10;}
.search_content{ padding:0.5rem; background:#FFF; box-sizing:border-box; position:relative; z-index:10;}
.search_mask , .search_mask2{position:fixed; top:0; left:0; width:100%; height:100%; background: #000; opacity: 0.5; display:none; z-index:8;}/*20171207*/
/*默认*/
.default{ overflow:hidden; height:2.0rem; box-sizing:border-box;}
.default dt{float:left; width:1.6rem; margin-top:0.1rem;}
.default dt img{display:block; width:1.6rem;}
.default dd{margin-left:2.5rem; position:relative; font-size: 1rem;color: #4D4D4D; margin-top:0.4rem}
.default dd a{ position:absolute; top:0; right:0; display:block; width:1.2rem; height:1.2rem; background:url(../images/search.png) no-repeat right; background-size:100%; }
/*正常*/
.normal{overflow:hidden; height:2.0rem; box-sizing:border-box;}
.normal dt{float:left;}
.normal dt a{display:block; width:1.2rem; height:1.2rem; background:url(../images/search.png) no-repeat right; background-size:100%; margin-top:0.3rem;}
.normal dd{margin-left:1.5rem; position:relative;}
.normal dd .data{position:relative;background: #FFFFFF;border: 1px solid #979797;border-radius: 6px; box-sizing:border-box; margin-right:2.4rem;padding:0.4rem 0;}
.normal dd .data input{width:88%; margin-right:2rem; padding-left:0.5rem; }
.normal dd .data i{ position:absolute; top:5px; right:4px;width:1rem; height:1rem; background:url(../images/close.png) no-repeat right; background-size:100%;}
.normal dd a{position:absolute; top:0.2rem; right:0; font-size:1rem;color: #4277CE;}
/*结果*/
.result{position:absolute; top:0; left:0; width:100%;box-sizing:border-box; background:#FFF; z-index:9; display:none;}
.result li{color: #000000; font-size:1rem; position:relative; padding:3%;}
.result li:before{content: " ";  position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(0deg, #dddddd 50%, transparent 50%); background-image: linear-gradient(0deg, #dddddd 50%, transparent 50%);}
.result li i{display:inline-block; width:1.2rem; height:1.2rem; background:url(../images/search.png) no-repeat right; background-size:100%; margin-right:0.5rem; vertical-align:middle; }
.result li em{color: #4277CE; font-style:normal;}
.result.active{ display:block;-webkit-animation:result_animation 0.1s linear alternate forwards;animation:result_animation 0.1s linear alternate forwards;}
@-webkit-keyframes result_animation {
	0% {
		-webkit-transform: translateY( 0);
		transform: translateY( 0 );
	}
	100% {
		-webkit-transform: translateY( 3rem );
		transform: translateY( 3rem );
	}
}
@keyframes result_animation {
	0% {
		-webkit-transform: translateY( 0 );
		transform: translateY( 0 );
	}
	
	100% {
		-webkit-transform: translateY( 3rem );
		transform: translateY( 3rem );
	}
}
/*banner*/
.banner img {width:100%; display:block;}
/*menu*/
.menu_box{ width:100%; padding:3% 0; overflow:hidden;}
.menu_box dl{float:left; width:33%; text-align:center;}
.menu_box dl:last-child{ width:34%;}
.menu_box dl dt{ width:3rem; height:3rem; margin:auto;}
.menu_box dl dt img{display:block; width:100%;}
.menu_box dl dd{margin-top:0.5rem;font-size: 0.75rem;color: #4D4D4D;}
/*资讯*/
.news_box{position:relative;}
.news_box:before{content: " ";  position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(0deg, #dddddd 50%, transparent 50%); background-image: linear-gradient(0deg, #dddddd 50%, transparent 50%);}
.news_box:after{content: " ";  position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(0deg, #dddddd 50%, transparent 50%); background-image: linear-gradient(0deg, #dddddd 50%, transparent 50%);}
.news_box dl{overflow:hidden; padding:0.5rem;}
.news_box dt{float:left; width:2rem; margin-top:0.2rem;}
.news_box dt img{display:block; width:2rem;}
.news_box dt p{text-align:center;color: #FD2727; font-size:0.75rem; margin-top:0.2rem;}
.news_box dd{margin-left:2.5rem;}
.news_box dd p{ margin-top:0.2rem;}
.news_box dd p a{font-size: 0.875rem;color: #4D4D4D;}
/*列表*/
.program{}
.program .title{overflow:hidden; padding:0.5rem;}
.program .title h2{float:left;color: #4D4D4D; font-size:1rem;}
.program .title h2 em{ color:#999;}
.program .title h2 span{padding:0 0.5rem; font-weight:bold;}
.program .title a{float:right;font-size: 0.875rem;color: #4D4D4D; background:url(../images/arrow.png) no-repeat center right; background-size:8px 13px; padding-right:14px;}

/*footer*/
.index_footer{}
.index_footer p{text-align:center; font-size:0.875rem;color: #000000; line-height:2rem;}
.index_footer p a{ color:#3e78ca; text-decoration:underline;}


/*主播风采*/
.ido_style{
	width: 100%;
	height: 100%;
	padding-bottom:1rem;
}
.ido_style li{
	position:relative;
	list-style: none;
	width: 100%;
	/*max-height: 10rem;*/
	background: #FFFFFF;
	overflow:hidden;
	padding-bottom:0.5rem;
	/*box-shadow: 0 1px 0 0 rgba(197,197,197,0.50);*/
	/*display: flex;*/
}/*20171212*/
.ido_style li .ido_info p{ margin-top:0.5rem;color: #9D9D9D; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}/*20171212*/
.ido_style li:after , .ido_live li:after{
	content: " ";  position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(0deg, #dddddd 50%, transparent 50%); background-image: linear-gradient(0deg, #dddddd 50%, transparent 50%);
}
.ido_style li .ido_logo{
	width: 4rem;
	height: 4rem;
	padding-top: 1rem;
	padding-left: 0.625rem;
	float:left;
}
.ido_logo img{
	display:block;
	width: 100%;
	border-radius:50%;
}
.ido_style li .ido_info{
	width: 72%;
	height: 100%;
	margin-left:3%;
	float:left;
}
.ido_info h3{
	margin-top: 1.2rem;
	margin-bottom: 0.5rem;
	font-size: 1rem;
	color: #4D4D4D;
	font-weight:bold;
}
.ido_info h4{
	font-size: 0.875rem;
	color: #4D4D4D;
}
.intro p.introduce{
	font-size: 0.875rem;
	color: #9D9D9D;
	margin-top: 0.625rem;
	padding-right: 3%;
	line-height: 1.25rem;
	position: relative;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 5;
	padding-bottom:0.2rem;
	padding-left:0.625rem;

}
/*20171212*/
.intro p.introduce.p_open{
	 -webkit-line-clamp: 100;
}
/*end*/

/*20171212*/
.intro{
	height: auto!important;
}
.intro p.open{
	-webkit-line-clamp: initial!important;
	text-align:center;
	padding:0.5rem 0;
	height: 2rem;
}/*20171212*/

/*主播页*/
.ido_info .open{
	display:block;
	/*position: absolute;
	right: 3%;
	bottom: 0;*/
	font-size: 0.875rem;
	color: #4D4D4D;
	text-align:center;
	padding-bottom:0.2rem;
	/*background: linear-gradient(90deg , rgba(255,255,255, 0.5) 10% , rgba(255,255,255, 1) 100%);*/
}
.ido_trailer h4{
	font-size: 17px;
	color: #4D4D4D;
	text-align: center;
	padding-top: 0.625rem;
    line-height: 1.5rem;
}
.ido_trailer h4 em , .ido_live h4 em{ 
	color:#999;
}
.ido_trailer h4 span  , .ido_live h4 span{
	padding:0 0.5rem;
	font-weight:bold;
}
.ido_trailer li{
	margin-bottom: 0.75rem;
}
.live_trailer li:last-child{
	margin-bottom:0;
}
.ido_trailer li p{
	font-size: 0.75rem;
	color: #4d4d4d;
	line-height: 1rem;
	padding: 0 3%;
}
.ido_trailer li .content{
	/*height: 5.25rem;*/
	width: 100%;
	padding: 0.6rem 3%;
	/*display: flex;*/
	background: #F3F3F3;
	overflow:hidden;
}
.ido_trailer li .content .ct_logo{
	width: 33%;
	float:left;
	height:4rem;
}
.content .ct_logo img{
	display: block;
	width:100% ;
	height:100%;
	border-radius: 6px;	
	/*max-height:7rem;*/
}
.ido_trailer li .content .ct_info{
	width: 64%;
	margin-left:3%;
	float:left;
}
.content .ct_info h1{
	font-size: 1rem;
	color: #4D4D4D;
	line-height: 1.35rem;
}
.content .ct_info h2{
	font-size: 0.75rem;
	color: #4D4D4D;
	line-height: 1rem;
	margin-top: 0.3rem;
	margin-bottom: 0.5rem;
}
.content .ct_info h3{
	font-size: 0.75rem;
	color: #9D9D9D;	
	float: left;
}
.content .ct_info p{
	font-size: 0.75rem;
	color: #4277CE;
	float: right;
}
.ido_live{
	padding-bottom:1rem;
}
.ido_live h4{
	font-size: 17px;
	color: #4D4D4D;
	text-align: center;
	padding-top: 0.625rem;
    line-height: 1.5rem;
    margin-bottom: 0.75rem;
}
.ido_live li {
	position:relative;
	/*display: flex;*/
	padding: 0.75rem 0;
	/*border-bottom: 1px solid #dcdcdc;*/
	margin: 0 3%;
	overflow:hidden;
}
.ido_live li .ct_logo{
	width: 40%;
	float:left;
	height:5rem;
}
.ido_live li .ct_logo img{
	display:block;
	width:100%;
	height:100%;
	border-radius: 6px;
	/*max-height:7rem;*/
}
.ido_live li .ct_info{
	width: 57%;
	margin-left:3%;
	float:left;
}
.ido_live li .ct_info h1{
	font-size: 1rem;
	color: #4D4D4D;
	line-height: 1.5rem;
	font-weight:bold;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	height:1.5rem;
	-webkit-line-clamp: 1;
}/*20171212*/
.ido_live li .ct_info h2{
	color: #4d4d4d;
	font-size: 0.875rem;
	line-height: 1.35rem;
	margin-top: 0.5rem;
	margin-bottom: 0.75rem;
}
.ido_live li .ct_info h3{
	font-size: 0.75rem;
	float: left;
	color: #9D9D9D;
	/*width:60%;*/
}/*20171212*/
.ido_live li .ct_info h3 span{ 
	/*float:right;*/
	position:relative;
	top:-0.2rem;
	padding-left:0.2rem;
}/*20171212*/
.ido_live li .ct_info h3 img{
	width: 1rem;
}
.ido_live li .ct_info h3 i.tips{
	display:inline-block;
	width:2.5rem; 
	margin-left:0.2rem;
}
.ido_live li .ct_info h3 i.tips img{
	display:inline-block; 
	width:100%;
}
.ido_live li .ct_info p{
	float: right;
	font-size: 0.875rem;
	color: #4277CE;
}
.ido_live li .ct_info p i{display: inline-block; width: 0.9rem; margin-right:0.2rem; position:relative; top:0.1rem;}/*20180108*/
.ido_live li .ct_info p i img{display:block; width:100%;}/*20180108*/
/*直播预告*/
p.money{
	color: #FD2727!important;
}
/*搜索结果*/
span.p_search{
	color: #FD2727;

}

/*============20171128增加============*/
.tool{ 
	overflow:hidden;
	padding:0.5rem 0.5rem 0 0.5rem;
}
.tool .ct_info h3{
	font-size: 0.875rem;
	float: left;
	color: #9D9D9D;
	width:60%;
}
.tool .ct_info h3 span{ 
	/*float:right;*/
	padding-left:0.2rem;
	/*position:relative;
	top:-0.2rem;*/
}/*20171213*/
.tool .ct_info h3 img{
	width: 1rem;
	position:relative;
	top:0.2rem;
}/*20171213*/
.tool .ct_info h3 i.tips{
	display:inline-block;
	width:2.5rem; 
	margin-left:0.2rem;	
}
.tool .ct_info h3 i.tips img{
	display:inline-block; 
	width:100%;
}
.tool .ct_info h3 em{
	font-style:normal;
	color: #4277CE;
	padding-left:0.2rem;
	/*position:relative;
	top:-0.2rem;*/
}/*20171213*/
.tool .ct_info p{
	float: right;
	font-size: 0.875rem;
	color: #4277CE;
}
.tool .ct_info p i{display: inline-block; width: 0.9rem; margin-right:0.2rem; position:relative; top:0.1rem;}/*20180108*/
.tool .ct_info p i img{display:block; width:100%;}/*20180108*/
.introduce .case dl dd h3{
	font-size:0.875rem; 
	color: #4D4D4D; 
	padding:0; 
	margin-top:0.2rem;
}
.introduce .title1{
	color: #4D4D4D; 
	font-size:1rem; 
	/*line-height:3rem; */
	padding:0.8rem 3%;
	font-weight:bold;
}/*20171212*/

/*==============20171207==============*/
.ido_live{ background:#FFF;}
.ido_live li .ct_logo{position:relative;}
.trailer_pop{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); color:#FFF; font-size:1rem; text-align:center; border-radius:6px; padding-top:1.1rem; box-sizing:border-box;}
.trailer_pop p{font-size:1.4rem;}
.my_photo{width:100%; height:100%; background:#FFF;}
.my_photo dl{width: 25%;height: 100%; margin:auto; text-align:center; padding:1rem 0;}
.my_photo dl dt{width: 4rem;height: 4rem; margin:auto;}
.my_photo dl dt img{display: block;width: 100%;border-radius: 50%;}
.my_photo dl dd{font-size:1rem; color: #4D4D4D; margin-top:0.5rem;}
.ido_live li .ct_info a{ float:right;color: #FD2727; font-size:0.75rem; border: 1px solid #FD2727;border-radius: 12px; padding:1% 4%; margin-top:-0.2rem;}
.menu_list{position:fixed; left:0; bottom:0; width:100%; height:3rem; overflow:hidden;background: #FAFAFA;box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.10);}
.menu_list li{float:left; width:33%; text-align:center; margin-top:0.3rem;}	
.menu_list li:last-child{width:34%;}
.menu_list li a{color: #4D4D4D; font-size:0.75rem;}
.menu_list li a.now{color: #4277CE;}
.menu_list li a dl dd{margin-top:0.2rem;}
.menu_list li a dl.index dt{ width:1.6rem; height:1.4rem; background:url(../images/index.png) no-repeat; background-size:100% 100%; margin:auto;}
.menu_list li a.now dl.index dt{ width:1.6rem; height:1.4rem; background:url(../images/index_now.png) no-repeat; background-size:100% 100%; margin:auto;}
.menu_list li a dl.start dt{ width:1.4rem; height:1.4rem; background:url(../images/start.png) no-repeat; background-size:100% 100%; margin:auto;}
.menu_list li a.now dl.start dt{ width:1.4rem; height:1.4rem; background:url(../images/start_now.png) no-repeat; background-size:100% 100%; margin:auto;}
.menu_list li a dl.me dt{ width:1.4rem; height:1.4rem; background:url(../images/me.png) no-repeat; background-size:100% 100%; margin:auto;}
.menu_list li a.now dl.me dt{ width:1.4rem; height:1.4rem; background:url(../images/me_now.png) no-repeat; background-size:100% 100%; margin:auto;}
.news_box dt{float:left; border: 1px solid #FD2727;border-radius: 8px;color: #FD2727; font-size:0.75rem; text-align:center; margin-top:0.2rem;}

/*=============底层输入框在弹键盘时浮窗===========*/
.input_pop{position: fixed; width: 100%; left: 0; top: 30%;z-index: 10; display:none; }
.input_pop .case{position:relative; width:100%; background:#FFF; padding:3%;box-sizing:border-box; overflow:hidden; z-index:11;}
.input_pop .case textarea{width:85%; float:left; display:block; min-height:6rem; resize:none; background:#f8f8f8; border:none; padding:0.5rem; font-size:0.75rem;box-sizing:border-box;}
.input_pop .case .btn{width:15%; height:100%; float:left; text-align:center; /*background:#069;*/ position:absolute; top:50%; right:0; transform:translate(0,-50%); }
.input_pop .case .btn input{ width:100%; height:100%; display:block; background:none; border:none; color:#4176d2; font-size:1rem; text-align:center;}
.input_pop .case input:active{background:#dedede;}
.input_mask{position:fixed; top:0; left:0; width:100%; height:100%; background: #000; opacity: 0.5; z-index:8;}

/*=============选择打赏金额/解密弹层20180108==============*/
.reward_pop , .decrypt_pop{position: fixed; width: 90%; left: 5%; top: 15%;z-index: 10; }
.reward_pop .reward_box , .decrypt_pop .decrypt_box{position:relative; width:100%; background:#FFF; padding:3%;box-sizing:border-box; overflow:hidden; z-index:11;}
.reward_pop .reward_box h2{font-size: 1rem;color: #4D4D4D; text-align:center;}
.reward_pop .reward_box ul{overflow:hidden; width:100%; margin:0 auto 6% auto;}
.reward_pop .reward_box ul li{ float:left; color: #999; width:30%; text-align:center;background: #FFFFFF;/*border: 2px solid #E96969;*/border-radius: 8px; font-size:2rem; margin-top:6%; margin-left:3%;}/*20180305*/
.reward_pop .reward_box ul.money_number li{ border: 2px solid #D3D3D3;}/*20180305*/
.reward_pop .reward_box ul.money_number li.new{ border:2px solid #E96969; color:#E96969;}/*20180305*/
.reward_pop .reward_box ul li span{ font-size:0.875rem;}
.reward_pop .reward_box a{ width:100%; text-align:center; display:block; margin:0 auto 6% auto;font-size: 0.875rem;color: #4277CE;}
.reward_pop .pop_close{position:relative; background:url(../images/close_02.png) no-repeat; width:2rem; height:2rem; background-size:100%;z-index:11; margin:1rem auto;}
.reward_mask{position:fixed; top:0; left:0; width:100%; height:100%; background: #000; opacity: 0.5; z-index:8;}
.reward_pop .reward_box ul.input_ul li.input_li{ float:none;font-size: 1rem;  width:90%; height:2.75rem; background: #FFFFFF;border: 1px solid #D3D3D3;border-radius: 4px; margin:6% auto 0 auto; padding:0.6rem 0; box-sizing:border-box;}
.reward_pop .reward_box ul.input_ul li.input_li em{font-size: 1rem;color: #4D4D4D; font-style:normal;}
.reward_pop .reward_box ul.input_ul li.input_li input{ width:70%;font-size: 1rem; text-align:center;}
.reward_pop .reward_box ul.input_ul li:last-child{float:none;font-size: 1rem;  width:90%; height:2.75rem;margin:6% auto 0 auto;box-sizing:border-box;} 
.reward_pop .reward_box ul.input_ul li:last-child input[type=button]{width:100%; height:100%; margin:auto;background: #E96969;border-radius: 4px;font-size: 1rem;color: #FFFFFF; text-align:center; border:none;-webkit-appearance: none;}
.reward_pop .reward_box ul.input_ul li:last-child input[type=button]:active{ background:#d86767;}
.decrypt_pop .decrypt_box dl.info{ text-align:center;}
.decrypt_pop .decrypt_box dl.info dt{background:url(../images/encryption_gray.png) no-repeat; width:3rem; height:3.2rem; background-size:100%; margin:1rem auto;}
.decrypt_pop .decrypt_box dl.info dd{font-size: 0.875rem;color: #777777;}
.decrypt_box .password {width:10.2rem; margin:1rem auto; overflow:hidden;border: 1px solid #979797;border-radius: 8px;}
.decrypt_box .password li {width: 2.5rem;height: 2.5rem;text-align: center;line-height: 2.5rem;background: #fff;float:left;border-right: 1px solid #979797;box-sizing:border-box;}
.decrypt_box .password li:last-child{border-right:none;}
/*键盘*/
.decrypt_pop .number_box{position:fixed; bottom:0; left:0; width:100%; padding:0 2% 2% 0; box-sizing:border-box; background:#c9ccd1; overflow: hidden; z-index:11;border-left: 1px solid #dedede; display:none;}
.decrypt_pop .number_box .xiaq_tb{padding: 5px 0 0 0; text-align: center;}
.decrypt_pop .number_box .number {}
.decrypt_pop .number dd,
.decrypt_pop .number dt {float: left;width: 31%;height: 50px;text-align: center;line-height: 50px; font-size:1rem;box-sizing:border-box;}
.decrypt_pop .number dt{ background:#c8cbd1;margin-top:2%; margin-left:2%;}
.decrypt_pop .number dd{background:#FFF; border-radius:8px; margin-top:2%; margin-left:2%;box-shadow: 0 4px 5px -3px #848688;  }
.decrypt_pop .number dt.del{ position:relative;}
.decrypt_pop .number dt.del img{display:block; width:30%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/*=========红包弹层20180207=======*/
.default_packet{ position:fixed; bottom:4rem; right:2vw; width:4rem; z-index:1;-webkit-animation: packet .5s  linear infinite; -ms-animation: packet .5s linear infinite;
animation: packet .5s linear infinite;}
.default_packet img{display:block; width:100%;}
@-webkit-keyframes packet {
    0% {
		-webkit-transform:rotate(0deg);
	}
	25% {
		-webkit-transform:rotate(-20deg);
	}
	50% {
		-webkit-transform:rotate(0deg);
	}
	75% {
		-webkit-transform:rotate(20deg);
	}
	100% {
		-webkit-transform:rotate(0deg);
	}
}
@-ms-keyframes packet {
	0% {
		-ms-transform:rotate(0deg);
	}
	25% {
		-ms-transform:rotate(-20deg);
	}
	50% {
		-ms-transform:rotate(0deg);
	}
	75% {
		-ms-transform:rotate(20deg);
	}
	100% {
		-ms-transform:rotate(0deg);
	}
}
@keyframes packet {
    0% {
		transform:rotate(0deg);
	}
	25% {
		transform:rotate(-20deg);
	}
	50% {
		transform:rotate(0deg);
	}
	75% {
		transform:rotate(20deg);
	}
	100% {
		transform:rotate(0deg);
	}
}
/*===========loading20180305==============*/
.loading {width:60px;height:60px;background-color: rgba(0,0,0,0.5);position: absolute;left:50%;top:50%;margin-left:-30px;margin-top:-50px;text-align: center;border-radius: 6px;padding: 10px;z-index:99; box-sizing:border-box;}
.loading img {width:100%; display:block;}
.reward_pop {position: fixed; width: 100%; left:0; top:auto; bottom: 0;z-index: 10; box-shadow: 0 -4px 5px -3px #999;  }
.reward_pop .reward_box h2 i{position:absolute; top:3%; right:3%; background:url(../images/close_03.png) no-repeat; width:1rem; height:1rem; background-size:100%;}
.reward_pop .reward_box ul.input_ul li.input_li{ float:none;font-size: 1rem;  width:90%; height:2.75rem; background: #FFFFFF;border: 1px solid #D3D3D3;border-radius: 4px; margin:2% auto 0 auto; padding:0.6rem 0; box-sizing:border-box;}

/*=============20180316add==================*/
.share_page{}
.share_page .poster img{ display:block; width:100%;}
.share_page .join_btn input{ width:34%; display:block; margin:2rem auto;border: 1px solid #D8D8D8;border-radius: 6px;font-size: 0.875rem;color: #4277CE; text-align:center; background:none; line-height:2.4rem;}
.share_footer{/*position:fixed; left:0; bottom:0; width:100%;*/ padding:1rem 0;}/*20180330*/
.share_footer p{text-align:center;font-size: 0.75rem;color: #9A9A9A; /*line-height:3rem;*/ }/*20180330*/
.share_footer p:last-child{margin-left:1.4rem;}/*20180330*/
.share_footer p i{ width:2rem; height:2.2rem; display:inline-block;background:url(../images/logo.png) no-repeat; background-size:1.6rem 1.8rem; vertical-align:middle;}

.video_box .talk .content .message2 {margin-bottom: 0.75rem;overflow: hidden;}
.video_box .talk .content .message2 dl {overflow:hidden;}
.video_box .talk .content .message2 dl dt {float:left; width:2rem; border-radius:50%; }
.video_box .talk .content .message2 dl dt img{display:block; width:100%; border-radius:50%;}
.video_box .talk .content .message2 dl dd {font-size: 0.75rem; margin-left:2.5rem;}
.video_box .talk .content .message2 dl dd span{color: #9D9D9D;}
.video_box .talk .content .message2 dl dd span em{font-style:normal;color: #4277CE; padding-right:0.5rem;}
.video_box .talk .content .message2 dl dd p{color: #4D4D4D;}

.video_box .talk .content .message2 dl dd p.zbhf em{color:#e96969;font-style: normal;}

/*2018-05-11新增内容*/

/*微信绑定*/
.wxbd{
	padding: 6%;
}
.wxbd img{
	width: 100%;
}
.wxbd_title h4{
	font-size: 0.875rem;
	color: #4277CE;
}
.wxbd_main {
	margin-top: 9vh;
}
.wxbd_main form>div{
	margin-bottom: 5vh;
}
.wxbd_main label{
	width: 1.875rem;
	display: inline-block;
	height: 1.875rem;
	vertical-align: middle;
	float: left;
	margin-top: 0.3rem;
}
.wxbd_main input{
    height: 2.5rem;
    width: 100%;
   	background: none;
   	font-size: 1rem;
   	color: #4D4D4D;
	
}
.wxbd_main .ipt{
	margin-left: 15vw;
}
.wxbd_main form>div.yzm input{
	border-bottom: 1px solid #4277ce;
}


.wxbd_main form>div.yzm input::-webkit-outer-spin-button,.wxbd_main form>div.yzm input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
}



.wxbd_main form>div.yzm{
	margin-bottom: 10vh;
	position: relative;
	width: 100%;
	
}
.wxbd_main form>div.yzm .tsk{
	width: 40%;
	height: 6vh;
	position: absolute;
	left: 34%;
	top: 25%;
	z-index: 2;
	text-align: center;
	background: url(../images/tsk.png) no-repeat center;
	background-size: 100%;
	line-height: 5.5vh;
	font-size: 0.875rem;
	color: #EB3829;
	display: none;
}
.wxbd_main form>div.yzm.error input{
	border-color: #E96969;
}
.wxbd_main form>div.yzm span.fs{
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	right: 0;
	padding-left:3%;
    border-left: 1px solid #4277ce;
	font-size: 1rem;
	color: #4277CE;
	top: 0.7rem;
}
.wxbd_main form>div.yzm span.cxfs{
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	right: 0;
	padding-left:3%;
    border-left: 1px solid #9D9D9D;;
	font-size: 1rem;
	color: #9D9D9D;
	top: 0.7rem;
	display: none;
}
.wxbd_main form>div.yzm span.cxfs em{
	font-style: normal;
}

.wxbd_main form>div.btn button{
	display: block;
	margin: 0 auto;
	width: 90%;
	height: 6.5vh;
	background: #92B3E9;
	border: 1px solid #4277CE;
	border-radius: 6px;
	font-size: 1.1rem;
	color: #FFFFFF;
}
.wxbd_main form>div.btn button.allow{
	background: #4277CE;
}
.wxbd_main form>div.btn button.allow:active{
	opacity: 0.8;
}

@media (max-width: 374px) {
	.wxbd_main form>div input,.wxbd_main form>div.yzm span,.wxbd_main form>div.btn button{
		font-size: 0.875rem!important;
	}
}
/*绑定成功*/
.bdcg img{
	width: 100%;
	display: block;
}
.bdcg{
	text-align: center;
}
.bdcg .bd_logo{
	width: 75%;
	margin: 0 auto;
	margin-top: 20vh;
}
.bdcg .bd_ts{
	margin-top: 3vh;
	font-size: 1.5rem;
	color: #4277CE;
}
.bdcg .xzapp>div{
    width: 35%;
    height: 6vh;
    border: 1px solid #4277CE;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #fff;
    background: #4277CE;
    margin: 0 auto;
    line-height: 6vh;
}
.bdcg .xzapp{
	position: absolute;
    width: 100%;
    bottom: 23vh;
}
.bdcg .xzapp:active{
	opacity: 0.8;
}

/*2018-05-11新增内容end*/

